<html>
  <head>
    <meta charset="utf-8">
     <title>绿色环保社区</title>
     <link href="style/style.css" rel="stylesheet" type="text/css" />
  </head>
      <body>
	<div id="top_bg">
	  <div id="container">
	    <div id="header">
	     <div id="header_logo">绿色环保<span>[保护环境,造福人类]</span></div>
	     <div id="header_bottom">
	      <div id="menu">
	        <ul>
		<li><a href="#">关于我们</a></li>
		<li><a href="#">日常工作</a></li>
		<li><a href="#">环境报告</a></li>
		<li><a href="#">环保常识</a></li>
		<li><a href="#">国际合作</a></li>
	        </ul>
	      </div>
	     </div>
	    </div>	
	<div id="content">
	 <div id="content_left">
	  <div id="section">
	    <div id="section_1_top">用户登录</div>
	    <div id="section_1_mid">
	     <div class="myform">
	      <form action="" method="post">
	       <div class="frm_cont username">用户名:
	         <label for="username"></label>
	         <input type="text" name="username" id="username" />
	       </div>
	       <div class="frm_cont password">密码:
	         <label for="password"></label>
	         <input type="password" name="password" id="password" />
	       </div>
	       <div class="btns">
	         <input type="submit" name="button1" id="button1" value="登录"/>	      
	         <input type="button" name="button2" id="button2" value="注册"/>	
	       </div>
  	      </form>
	     </div>
	    </div>
	       <div id="section_1_bottom"></div>
	     </div>
  	     <div id="section2">
  	       <div id="section_2_top">新闻更新</div>
  	       <div id="section_2_mid">
	         <ul>
		<li><a href="#" target="_blank">中华鲟的保护环境日益改善</a></li>   
		 <li><a href="#" target="_parent">电脑社区设置"环保之星"大奖</a></li>  
		<li><a href="#" target="_blank">世界环保组织到中国四川考察</a></li> 
		<li><a href="#" target="_blank">低碳生活离我们的生活远吗?</a></li>
	         </ul>
	        </div>
	         <div id="section_2_bottom"></div>
	        </div>
	       </div>
	        <div id="content_right">   
	          <div class="post">
		<h1>我们的职责</h1> 
		<p>...........................................................</p>
		<p>...........................................................,.............................</p>
		<p>...........................................................</p>
	          </div>
	        <div class="post">
		<h1>自然美景</h1> 
		<a href="#"><img src="thumb_1.png" width="108" height="108"/></a>
		<a href="#"><img src="thumb_2.png" width="108" height="108"/></a>
		<a href="#"><img src="thumb_3.png" width="108" height="108"/></a>
		<a href="#"><img src="thumb_4.png" width="108" height="108"/></a>
	        </div>
	       </div>
	      </div>
	     </div> 
	    </div>
	<div id="footer">Copyright &copy; 2018 绿色环保社区 All Rights Reserved</div>
      </bpdy>
</html>
